<template>
  <div class="drawer-box">
    <el-button
      @click="drawer = true"
      type="primary"
      style="margin-left: 16px;"
    >
      点我打开
    </el-button>
    <!-- <div class="cus-dialog-box">
      <div></div>
    </div> -->
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      drawer: false,
      direction: "ttb"
    };
  },
  methods: {
    handleClose(done) {
      this.$confirm("确认关闭？")
        .then(_ => {
          done();
        })
        .catch(_ => {});
    }
  },
  computed: {
    comment_disabled: {
      get() {
        return this.value;
      },
      set(val) {
        this.$emit("input", val);
      }
    }
  }
};
</script>
<style scoped>
.drawer-box {
  display: inline-block;
}
.cus-dialog-box {
  width: 500px;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 999999999;
}
.cus-dialog-box > div {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
</style>
